<%@ page contentType="text/html;charset=UTF-8" %>
<script>
$(document).ready(function() {
    $('#leave1Table').bootstrapTable({

        //请求方法
        method: 'post',
        //类型json
        dataType: "json",
        contentType: "application/x-www-form-urlencoded",
        //显示检索按钮
        showSearch: true,
        //显示刷新按钮
        showRefresh: true,
        //显示切换手机试图按钮
        showToggle: true,
        //显示 内容列下拉框
        showColumns: true,
        //显示到处按钮
        showExport: true,
        //显示切换分页按钮
        showPaginationSwitch: true,
        //最低显示2行
        minimumCountColumns: 2,
        //是否显示行间隔色
        striped: true,
        //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        cache: false,
        //是否显示分页（*）
        pagination: true,
        //排序方式
        sortOrder: "asc",
        //初始化加载第一页，默认第一页
        pageNumber:1,
        //每页的记录行数（*）
        pageSize: 15,
        //可供选择的每页的行数（*）
        pageList: [15, 30, 50, 100],
        //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
        url: "${ctx}/Report/saleDiffData",
        //默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
        //queryParamsType:'',
        ////查询参数,每次调用是会带上这个参数，可自定义
        queryParams : function(params) {
            var searchParam = $("#searchForm").serializeJSON();
            searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
            searchParam.pageSize = params.limit === undefined? -1 : params.limit;
            searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+  params.order;
            return searchParam;
        },
        //分页方式：client客户端分页，server服务端分页（*）
        sidePagination: "server",
        contextMenuTrigger:"right",//pc端 按右键弹出菜单
        contextMenuTriggerMobile:"press",//手机端 弹出菜单，click：单击， press：长按。
        contextMenu: '#context-menu',
        onContextMenuItem: function(row, $el){
            if($el.data("item") == "edit"){
                jp.error('编辑功能不可用')
            }else if($el.data("item") == "view"){
                jp.error("查看功能不可用")
            } else if($el.data("item") == "delete"){
                jp.error("删除功能不可用")
            }
        },
        onClickRow: function(row, $el){
        },
        onShowSearch: function () {
            $("#search-collapse").slideToggle();
        },
        columns: [{
            title: '行号',
            field: '',
            width: 50,
            formatter: function (value, row, index) {
                return index+1;
            }
            //checkbox: true

        }
            ,{
                field: '门店',
                title: '地点编号',
                sortable: false

            }
            ,{
                field: '门店名',
                title: '门店名',
                sortable: false

            }
            ,{
                field: 'ERP销售金额',
                title: 'ERP销售金额',
                sortable: false

            },{
                field: 'POS销售金额',
                title: 'POS销售金额',
                sortable: false

            },{
                field: '差异金额',
                title: '差异金额',
                sortable: false

            },{
                field: '销售回传笔数',
                title: '销售回传笔数',
                sortable: false,
                formatter:function(value, row , index){
                    if(value==null || value=='' ||value==0){
                        return "-";
                    }
                }

            },{
                field: '销售回传日期',
                title: '销售回传日期',
                sortable: false,
                formatter:function(value, row , index){
                    if(value==null || value=='' ||value==0){
                        return "-";
                    }
                }
            }

        ]

    });
    if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端


        $('#leave1Table').bootstrapTable("toggleView");
    }

    $('#leave1Table').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
        'check-all.bs.table uncheck-all.bs.table', function () {
        $('#remove').prop('disabled', ! $('#leave1Table').bootstrapTable('getSelections').length);
        $('#view,#edit').prop('disabled', $('#leave1Table').bootstrapTable('getSelections').length!=1);
    });

    $("#btnImport").click(function(){
        jp.open({
            type: 2,
            area: [500, 200],
            auto: true,
            title:"导入数据",
            content: "${ctx}/tag/importExcel" ,
            btn: ['下载模板','确定', '关闭'],
            btn1: function(index, layero){
                jp.downloadFile('${ctx}/test/one/dialog/leave1/import/template');
            },
            btn2: function(index, layero){
                var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                iframeWin.contentWindow.importExcel('${ctx}/test/one/dialog/leave1/import', function (data) {
                    if(data.success){
                        jp.success(data.msg);
                        refresh();
                    }else{
                        jp.error(data.msg);
                    }
                    jp.close(index);
                });//调用保存事件
                return false;
            },

            btn3: function(index){
                //  jp.close(index);
            }
        });
    });


    $("#export").click(function(){//导出Excel文件
        jp.downloadFile('${ctx}/test/one/dialog/leave1/export');
    });


    $("#search").click("click", function() {// 绑定查询按扭
        $('#leave1Table').bootstrapTable('refresh');
    });

    $("#reset").click("click", function() {// 绑定查询按扭
        $("#searchForm  input").val("");
        $("#searchForm  select").val("");
        $("#searchForm  .select-item").html("");
        $('#leave1Table').bootstrapTable('refresh');
    });

    $('#beginBeginDate').datetimepicker({
        format: "YYYY-MM-DD HH:mm:ss"
    });
    $('#endBeginDate').datetimepicker({
        format: "YYYY-MM-DD HH:mm:ss"
    });
    $('#endDate').datetimepicker({
        format: "YYYY-MM-DD HH:mm:ss"
    });

});

function getIdSelections() {
    return $.map($("#leave1Table").bootstrapTable('getSelections'), function (row) {
        return row.LOC
    });
}

function deleteAll(){

    jp.confirm('确认要删除该请假表单记录吗？', function(){
        jp.loading();
        jp.get("${ctx}/test/one/dialog/leave1/deleteAll?ids=" + getIdSelections(), function(data){
            if(data.success){
                $('#leave1Table').bootstrapTable('refresh');
                jp.success(data.msg);
            }else{
                jp.error(data.msg);
            }
        })

    })
}

//刷新列表
function refresh(){
    $('#leave1Table').bootstrapTable('refresh');
}

function add(){
    jp.openSaveDialog('新增请假表单', "${ctx}/test/one/dialog/leave1/form",'800px', '500px');
}



function edit(id){//没有权限时，不显示确定按钮
    if(id == undefined){
        id = getIdSelections();
    }
    //jp.openSaveDialog('编辑请假表单', "${ctx}/test/one/dialog/leave1/form?id=" + id, '800px', '500px');
}

function view(id){//没有权限时，不显示确定按钮
    if(id == undefined){
        id = getIdSelections();
    }
    //jp.openViewDialog('查看请假表单', "${ctx}/test/one/dialog/leave1/form?id=" + id, '800px', '500px');
}



</script>